<template>
  <div class="ml-1.5 flex items-center text-sm font-medium">
    <media-time
      class="time"
      type="current"
    />
    <div class="mx-1 text-white/80">
      /
    </div>
    <media-time
      class="time"
      type="duration"
    />
  </div>
</template>

<style scoped>
.time {
  contain: content;
}
</style>
